<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
	<meta charset="utf-8" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>登录</title>
	<link rel="stylesheet" href="../iconfont/iconfont.css">
	<link rel="stylesheet"
		href="https://www.jkzlrs.com/concat/mobile/??3.0/cross/css/cross.css,3.0/cross/css/ui.all.css"
		type="text/css" />
	<link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body class="login-wrapper">
	<main class="c-main">
		<h1 class="login-title">欢迎使用保险数字化营销系统</h1>
		<p class="login-des">未注册手机号码验证后完成注册</p>
		<div class="login-div">
			<div class="login-pre">
				<i class="iconfont icon-shoujihao"></i>
				<input type="tel" class="login-text tel-text" placeholder="请输入11位手机号" data-form="clear" />
				<a href="javascript:;" class="input-clear"><i class="iconfont icon-jiaoyiquxiao"></i></a>
			</div>
		</div>
		<div class="login-div mt15">
			<div class="login-pre">
				<i class="iconfont icon-yanzhengma"></i>
				<input type="tel" class="login-text" placeholder="请输入验证码" />
			</div>
			<a href="javascript:;" class="getcode">获取验证码</a>
		</div>

		<div class="mt30">
			<a href="javascript:;" class="c-btn c-btn-006cf4 disabled width-100" id="loginBtn">登录/注册</a>
		</div>

		<div class="login-agree mt25">
			<span class="ico-ck"><i class="iconfont icon-xuanze2"></i></span>已阅读并同意<a href="javascript:;"
				data-content="agree">《用户注册协议》</a>
		</div>

		<!-- agree -->
		<div class="intro-hold c-hide" id="agreeHold">
			<div class="intro-mask" data-scroll="mask"></div>
			<div class="intro-pop">
				<h4 class="intro-title"></h4>
				<div class="intro-box" data-scroll="unable">

				</div>
				<div class="intro-btn">
					<a href="javascript:;" class="btn-disagree btn-close">拒绝</a>
					<a href="javascript:;" class="btn-agree">阅读并同意</a>
				</div>
			</div>
		</div>

		<div class="c-hide" id="userAgreement" data-title="美中嘉和互联网医院用户协议">
			<p>测试测试测试测试测试测试</p>
			<p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
			</p>
			<p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
			</p>
		</div>
	</main>

	<script type="text/javascript"
		src="https://f1.yihuimg.com/concat/mobile/??3.0/cross/js/jquery/2.1.3/jquery.js,3.0/cross/js/cross.ui.js"></script>
	<script>
		$(function () {
			//获取验证码
			$('.getcode').on('click', function () {
				var disable = $(this).hasClass('disabled');
				if (!disable) {
					$(this).addClass('disabled');
					settime();
				}
			});
		})

		//验证码
		var countdown = 60;
		function settime() {
			if (countdown == 0) {
				$('.getcode').html('重新获取').removeClass('disabled');
				countdown = 60;
				return;
			} else {
				$('.getcode').html(countdown + 's');
				countdown--;
			}
			setTimeout(function () {
				settime();
			}, 1000);
		}

		//协议
		+function ($) {
			//打勾
			$('.login-agree').on('click', function () {
				$(this).toggleClass('checked');
				btnLive();
			});
			//展示
			$('.login-agree a').on('click', function (e) {
				e.stopPropagation();
				var content = $(this).attr('data-content');

				$('#agreeHold').find('.intro-title').html($('#userAgreement').attr('data-title'));
				$('#agreeHold').find('.intro-box').html($('#userAgreement').html());

				$('#agreeHold').show();
			});
			//不同意
			$('.btn-close').on('click', function () {
				$('#agreeHold').hide();
				// $('.login-agree').removeClass('checked');
				btnLive();
			});
		}($);
		//关闭
		$(document).on('click', '.intro-close,.intro-mask', function () {
			$('.intro-hold').hide();
		});

		//按钮是否可点击
		function btnLive() {
			var Live = true;
			$('.login-text').each(function () {
				if (!$(this).is(':hidden')) {
					if ($.trim($(this).val()) == '') {
						Live = false;
					}
				}
			});
			if (!$('.login-agree').hasClass('checked')) {
				Live = false;
			}
			if (Live) {
				$('#loginBtn').removeClass('disabled');
			} else {
				$('#loginBtn').addClass('disabled');
			}
		}
	</script>
</body>

</html>